<template>
	<div>
		<u-popup width="580" v-model="wheelDia" mode="center" @close="wheelDiaClose" border-radius="20">
			<view class="wheel-box u-text-center">
				<img v-if="success" src="@/static/status-success.png" class="status-img"></img>
				<view class="title fw5">
				   支付成功
				</view>
				<u-button :hair-line="false"
				class="mt30"
				type="primary"
				     @click="handleSubmit"
					:custom-style="{fontSize: '28rpx', color: '#ffffff',width: '245rpx', height: '68rpx',background: 'linear-gradient(90deg, #48A147 0%, #8AE38A 100%)','border':'#47A848'}"
					shape='circle' ripple>好的</u-button>
			</view>
		</u-popup>
	</div>
</template>

<script>
	export default {
		props: {
			value: {
				type: Boolean,
				default: false
			},
			success: {
				type: Boolean,
				default: true
			},
		},
		watch: {
			value: {
				immediate: true,
				deep: true,
				handler(e) {
					this.wheelDia = e
				},
		
			}
		},
		data() {
			return{
				wheelDia: false,
			}
		},
		methods:{
			handleSubmit(){
				this.wheelDiaClose()
			},
			wheelDiaClose(){
				this.wheelDia= false
				this.$emit('input',false)
			}
		}

	}
</script>

<style lang="scss" scoped>

.wheel-box {
	padding: 30rpx;
	background-color: white;
	.status-img{
		width:290rpx ;
		height:228rpx ;
	}
	.title{
		font-size: 30rpx;
		font-family: PingFangSC-Medium-, PingFangSC-Medium;
		color: #333333;
		margin-bottom: 45rpx;
	}
	}
</style>